<%
		incluePageSecure = true; // 防止此页面被直接调用
%>
<div class="page" id="products_img_add">

    <h2>添加产品图片</h2>
    <iframe name='hidden_frame' id="hidden_frame" style='display:none'></iframe>
    <span id="imageUploadMsg"></span>
    <form class="frm" method="post" action="appload.aspx?cmd=products/img/add" target="hidden_frame" enctype="multipart/form-data"  onSubmit="showImageUploadMsg();">
       <input type="hidden" name="dir" value="uploadFiles" />
       分类: <select name="catId" class="selectOptions"></select>
       <br />图片: <input type="file" name="image">
       <br />标题: <input name="title" type="text" />
       <br />描述: <textarea name="content" rows="2" cols="50" ></textarea>
       <br />      <input type="submit" value="提交" />

    </form>

    <script type="text/javascript">
    function showImageUploadMsg()
    {
        document.getElementById("imageUploadMsg").innerHTML='<img src="images/loading.gif">文件上传中,请稍等...';
    }
    </script>
</div><!--//-->

<div class="page" id="products_img_remove">
    <form class="frm" method="get" action="">
        <h3>确定删除此图像？</h3>
        <input type="submit" value="确定" />
        <input type="button" value="取消" class="cancel" />
    </form>
</div><!--//-->

<div class="page" id="products_img_modify">

    <h2>修改产品图片</h2>
     <form class="frm" method="post" action="appload.aspx?cmd=subsys/img/modify">
        <!--分类: <select name="catId" class="selectOptions"></select>-->
                    <input name="id" type="hidden" value="$id" />
        <br />标题: <input name="title" type="text" value="$title" />
        <br />内容: <textarea name="content" rows="6" cols="50" >$content</textarea>
        <br />作者: <input name="author" type="text" value="$author" />
        <br />      <input type="submit" value="提交" />
    </form>
</div><!--//-->



<div class="page" id="products_img_list">

    <h2>产品图片列表</h2>

</div><!--//-->

<div class="page" id="products_img_detail">

    <h2>产品图片详细</h2>

</div><!--//-->




<script type="text/javascript">

(function($){
    var ImagesUIL = window.ImagesUIL = function()
    {
        this.uiIdPrefix = "products_img";   // uiId前缀
    }


    ImagesUIL.prototype = {
        // 只有一个参数表示显示返回结果, 有其他参数显示添加表单
        add: function(json){
            // 读取模板
            var page = $("#"+this.uiIdPrefix+"_add").clone();
            page[0].id =     this.uiIdPrefix+"_add_clone";

            return page;
        },

        // 只有一个参数表示显示返回结果
        remove: function(json){
            // 读取模板
            var page = $("#"+this.uiIdPrefix+"_remove").clone();
            page[0].id =     this.uiIdPrefix+"_remove_clone";

            return page;
        },

        // 只有一个参数表示显示返回结果, 有其他参数显示修改表单
        modify: function(json){
            // 读取模板
            var page = $("#"+this.uiIdPrefix+"_modify").clone();
            page[0].id =     this.uiIdPrefix+"_modify_clone";

            page.find("[name='id']").val( json.id );
            page.find("[name='title']").val( json.title );
            page.find("[name='content']").val( $.htmlEncode(json.content) );
            page.find("[name='author']").val( json.author );

            return page;
        },

        // 只有一个参数表示显示返回结果, 有其他参数显示移动表单
        move: function(json){
            // 读取模板
            var page = $("#"+this.uiIdPrefix+"_move").clone();
            page[0].id =     this.uiIdPrefix+"_move_clone";

            page.find("[name='id']").val( json.id );
            page.find("[name='title']").val( json.title );

            return page;
        },


        get_details: function(json){
            // 读取模板
            var page = $("#"+this.uiIdPrefix+"_detail").clone();
            page[0].id =     this.uiIdPrefix+"_detail_clone";

            var s = '<div>\
                       <h1>{0}</h1>\
                       <span class="imgOriginal"><img src="{1}" alt="{1}" /></span>\
                       <p><pre>{2}</pre></p>\
                     </div>'
                     .format($.htmlEncode(json.title),json.filename,$.htmlEncode(json.content));

            page.append(s);
            return page;
        },

        get_list: function(json,cmd,ops,childOps)
        {
            // 读取模板
            var page = $("#"+this.uiIdPrefix+"_list").clone();
            page[0].id =     this.uiIdPrefix+"_list_clone";

            var s = new Array();
            var list = json.list;
            s.push("<ul>");
            if( 'undefined' != typeof list.id )
            {
                for( var i=0; i<list.id.length; i++ )
                {
                    s.push('<li class="{0}{1}">'.format(cmd["view"],list.id[i]) );                
                    s.push('<span>{0}</span>\
                            <span class="imgThumb">\
                            <a href="#view={1}&op={2}&id={3}"><img src="{4}" alt="{5}" /></a></span>'
                            .format(i,cmd["view"],ops["details"],list.id[i],list.miniature[i],list.title[i])
                          );                    
                    s.push('<a href="#view={0}&op={2}&id={1}">详细</a> \
                            <a href="#view={0}&op={3}&id={1}"></a> \
                           </li>'
                           .format(cmd["view"],list.id[i],ops["details"],ops["modify"] )
                          );
                }            	
            }else{
                s.push('<li>该产品下没有图片!</li>');
            }

            s.push('</ul>');
            page.append( s.join('\n') );
            return page;
        }
    }

})(jQuery);

</script>